<template>
  <div class="html-node">
    <div class="title">
      <select v-model="loopType">
        <option value="FOR">FOR</option>
        <option value="WHILE">WHILE</option>
        <option value="ITERATOR">ITERATOR</option>
      </select>
      <select v-model="loopTime">
        <option value="node">节点循环</option>
        <option value="num">次数循环</option>
      </select>
    </div>

  </div>
</template>
<script lang="ts" setup>
import {ref} from "vue"

const properties = ref({});

const setProperties = (props: any) => {
  properties.value = props.action;
};

defineExpose({
  setProperties
});

const loopType = ref("for");
const loopTime = ref("");
</script>

<style scoped>
.html-node {
  width: 100%;
  height: 100%;

  border: 1px solid gray;

  display: flex;
  flex-direction: column;
  align-items: center;
}

.title {
  width: 100%;
  display: flex;
}

span {
  color: #000;
}
</style>